<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<meta content="" name="Keywords" id="keywords">
		<meta content="" name="description" id="description">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<title>UTo悠途信息技术有限公司 - 新闻列表</title>
		<link rel="shortcut icon" href="images/public/favicon.ico">
		<!--  css start  -->
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/public.css">
		<!--  css end  -->
	</head>

	<body>

		<div id="dialog"></div>
		<!--  header  -->
		<header id="header">
			<img src="images/logo.png" alt="UTo" id="logo">

			<a id="menu-btn" href="javascript:void(0);">
				<span class="top"></span>
				<span class="mid"></span>
				<span class="bot"></span>
			</a>
		</header>
		<!--  menu  -->
		<div id="menu">
			<ul>
				<li class="">
					<a href="index.html">首页</a>
				</li>
				<li class=""><a href="scopeBusiness.html">产品介绍</a></li>
				<li class="">
					<a href="solution.html">解决方案</a>
				</li>
				<li class="">
					<a href="medical.html">绿色医疗</a>
				</li>
				<li class="on"><a href="company-introduce.html">关于UTo</a></li>
				<li class="">
					<a href="touch.html">加入UTo</a>
				</li>
			</ul>
		</div>

		<div id="bread">
			<div class="breadsub">
				<a href="company-introduce.html">UTo动态</a>/<span class="subname"></span></div>
		</div>
		<!--  内容区  -->
		<div id="content">
			<div class="container">
				<ul id="news-list">
					<!--<li>
						<p class="news-time">2017/02/06</p>
						<p class="news-title">途渠道运营中心封闭培训</p>
						<p class="news-detail">
							<a href="news-info.html">
								泸州到成都的线路正式开通，自此泸州成为了UTo在四川开通的第八座城市。说起泸州，一点也不陌生，最广为人知的是它“酒城”的称号。然后便是纪录片：《舌尖上的中国》里炮制讲究的古蔺鸡...
							</a>
						</p>
					</li>-->

				</ul>
				<a href="javascript:;" id="more" class="none" style="margin-top: 1.8rem;">查看更多</a>
			</div>
		</div>

		<script type="text/x-jquery-tmpl" id="Newstmpl">
			<li>
				<p class="news-time">${Api.timeFormat(releaseTime,"yyyy/MM/dd")}</p>
				<p class="news-title">${newsName}</p>
				<p class="news-detail">
					<a style="display: block;" href="news-info.html?type=${type}&newsId=${newsId}">
						${Api.str(newsSummary,70)}
					</a>
				</p>
			</li>
		</script>
		<!--  footer  -->
		<div id="footer">
			<p id="copyright">版权所有&copy;2015-<span id="nowYear"></span> 成都悠途信息技术有限公司
				<br>蜀ICP备15023964号-1</p>
		</div>

		<!--  JS 引入 start  -->

		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.tmpl.min.js"></script>
		<script src="js/public.js"></script>
		<script type="text/javascript">
			$(function() {
				var pageNo = 1,
					pageSize=8,
					 count=null;
				type = type ? type : 1;
				if(type == 1) {
					$(".subname").text("行业资讯");
				} else if(type == 2) {
					$(".subname").text("企业动态");
				} else if(type == 3) {
					$(".subname").text("品牌活动");
				} else if(type == 4) {
					$(".subname").text("UTo故事");
				} else if(type == 5) {
					$(".subname").text("招才纳士");
				}

				newsList();
				
				function newsList() {
					Api.newsList({
						"pageNo": pageNo,
						"pageSize": pageSize,
						"type": type,
						"time": new Date().getTime()
					}, function(data) {
						$("#Newstmpl").tmpl(data.data.newsList, {

						}).appendTo($("#news-list"));

						count = data.data.page.count;
						count < pageSize+1 ? $("#more").remove() : $("#more").removeClass("none");

						document.body.clientHeight + 200 > document.documentElement.clientHeight ? $("#footer").removeClass("foot") : $("#footer").addClass("foot");
					})
				}
				$("#more").on("click", function() {
					pageNo++;
					if(pageNo>Math.ceil(count/pageSize)){
						alert('已经加载完全部新闻');
						return
					};
					newsList();
				});
			})
			document.body.clientHeight + 180 > document.documentElement.clientHeight ? $("#footer").removeClass("foot") : $("#footer").addClass("foot");
		</script>
		<!--  JS 引入 end  -->
	</body>